<template>
	<div class="hello">
		<h1>我是Hello组件</h1>
		<h4>{{msg}}</h4>
		<h4>上方组件的和为：{{sum}}</h4>
		<h4>上方组件的和放大10倍为：{{bigSum}}</h4>
	</div>
</template>

<script>
	import {mapState,mapGetters} from 'vuex'
	export default {
		name:'Hello',
		data() {
			return {
				msg:'欢迎学习Vue'
			}
		},
		computed: {
			...mapState(['sum','describe']),
			...mapGetters(['bigSum'])
		},
		/* mounted() {
			...mapState(['sum','describe']),
		}, */
	}
</script>

<style scoped>
	.hello{
		background-color: orange;
		padding: 10px;
	}
</style>